<div class="competition-ranking-box">
  <div class="competition-ranking" *ngIf="rankingList.length>0" #container>
    <div class="default-shim-block"></div>
    <!-- 积分赛 -->
    <div class="other-container" *ngIf="!pageDate.isCup">
      <!--积分赛足球-->
      <div class="content football-content" *ngIf="dataStore.sltUiType===1">
        <table border="0" cellspacing="0" cellpadding="0">
          <thead>
          <tr>
            <td>排名</td>
            <td>场次</td>
            <td>胜/平/负</td>
            <td>进/失</td>
            <td>净胜</td>
            <td>积分</td>
          </tr>
          </thead>
          <tbody>
          <tr *ngFor="let ranking of rankingList;let i =index">
            <td class="text-ellipsis">
              <i>{{i+1>999?'99X':i+1}}</i>{{ranking.userName + (ranking.userName2? '&' + ranking.userName2: '') |
              truncate:5}}
            </td>
            <td>{{ranking.countAll>999?'99X':ranking.countAll}}</td>
            <td>
              {{ranking.countWin>999?'99X':ranking.countWin}}/{{ranking.countTie>999?'99X':ranking.countTie}}/{{ranking.countLost>999?'99X':ranking.countLost}}
            </td>
            <td>{{ranking.goalIn>999?'99X':ranking.goalIn}}/{{ranking.goalLost>999?'99X':ranking.goalLost}}</td>
            <td>{{ranking.goalDifference>999?'99X':ranking.goalDifference}}</td>
            <td>{{ranking.point>999?'99X':ranking.point}}</td>
          </tr>
          </tbody>
        </table>
      </div>
      <!--积分赛足球 新布局-->
      <!-- <div class="list-table" *ngIf="dataStore.matchType===3001">
        <div class="head">
          <div class="col">排名</div>
          <div class="col">场次</div>
          <div class="col">胜/平/负</div>
          <div class="col">进/失</div>
          <div class="col">净胜</div>
          <div class="col">积分</div>
        </div>
        <div class="body">
          <div class="item-row" *ngFor="let ranking of rankingList;let i =index">
            <div class="col">
              <div class="text-ellipsis"><i>{{i+1>999?'99X':i+1}}</i>{{ranking.userName}}</div>
            </div>
            <div class="col">{{ranking.countAll>999?'99X':ranking.countAll}}</div>
            <div class="col">
              {{ranking.countWin>999?'99X':ranking.countWin}}/{{ranking.countTie>999?'99X':ranking.countTie}}/{{ranking.countLost>999?'99X':ranking.countLost}}
            </div>
            <div class="col">{{ranking.goalIn>999?'99X':ranking.goalIn}}/{{ranking.goalLost>999?'99X':ranking.goalLost}}
            </div>
            <div class="col">{{ranking.goalDifference>999?'99X':ranking.goalDifference}}</div>
            <div class="col">{{ranking.point>999?'99X':ranking.point}}</div>
          </div>
        </div>
      </div> -->
      <!--积分赛篮球-->
      <div class="content baseketball-content" *ngIf="dataStore.sltUiType===2">
        <table>
          <thead>
          <tr>
            <td>排名</td>
            <td>胜/负/胜率</td>
            <td>得分/失分/分差</td>
            <td>连胜/连负</td>
          </tr>
          </thead>
          <tbody>
          <tr *ngFor="let ranking of rankingList;let i =index">
            <td class="text-ellipsis">
              <i>{{i+1>999?'99X':i+1}}</i>{{ranking.userName + (ranking.userName2? '&' + ranking.userName2: '') |
              truncate:5}}
            </td>
            <td>
              {{ranking.countWin>999?'99X':ranking.countWin}}/{{ranking.countLost>999?'99X':ranking.countLost
              }}/{{ranking.winningPercentage>100?'100':ranking.winningPercentage}}%
            </td>
            <td>
              {{ranking.pointAvgWin>999?'999.X':ranking.pointAvgWin}}/{{ranking.pointAvgLost>999?'999.X':ranking.pointAvgLost
              }}/{{ranking.pointAvgDifference>999?'999.X':ranking.pointAvgDifference}}
            </td>
            <td *ngIf="ranking.consecutiveWin>0">{{ranking.consecutiveWin>999?'99X':ranking.consecutiveWin}}连胜</td>
            <td *ngIf="ranking.consecutiveWin<0">
              {{(ranking.consecutiveWin|abs)>999?'99X':ranking.consecutiveWin|abs}}连负
            </td>
            <td *ngIf="ranking.consecutiveWin===0">0</td>
          </tr>
          </tbody>
        </table>
      </div>
      <!--积分赛羽网乒-->
      <div class="content baseketball-content three-col"
           *ngIf="dataStore.sltUiType===3">
        <ul *ngFor="let ranking of rankingList;let i =index" (click)="goToRankingDetail(ranking)">
          <li class="text-ellipsis">
            <i>{{i+1>999?'99X':i+1}}</i>{{ranking.userName + (ranking.userName2? '&' + ranking.userName2: '') |
            truncate:5}}
          </li>
          <li>
            {{ranking.totalWin>999?'99X':ranking.totalWin}}胜/{{ranking.totalLost>999?'99X':ranking.totalLost }}负
          </li>
          <li>积分{{ranking.point>999?'99X':ranking.point}}</li>
        </ul>
      </div>
    </div>

    <!--杯赛-->
    <div class="container cup-ranking-container" *ngIf="pageDate.isCup">
      <aside #aside>
        <ul class="group">
          <li *ngFor="let number of dataStore.groupCountArr;let i=index" (click)="getRankingByGroup(i)"
              [class.active]="dataStore.currentGroup===i">
            {{i|letter}}组
          </li>
        </ul>
      </aside>
      <div class="content">
        <!--足球-->
        <div class="ranking-info three-col" *ngIf="dataStore.sltUiType===1">
          <ul *ngFor="let ranking of rankingList;let i =index" (click)="goToRankingDetail(ranking)">
            <li class="text-ellipsis">
              <i>{{i+1>999?'99X':i+1}}</i>{{ranking.userName + (ranking.userName2? '&' + ranking.userName2: '') |
              truncate:5}}
            </li>
            <li *ngIf="dataStore.competitionType == 1">
              {{ranking.countWin>999?'99X':ranking.countWin}}胜/{{ranking.countTie>999?'99X':ranking.countTie
              }}平/{{ranking.countLost>999?'99X':ranking.countLost}}负
            </li>
            <li>积分{{ranking.point>999?'99X':ranking.point}}</li>
          </ul>
        </div>
        <!--篮球-->
        <div class="ranking-info two-col" *ngIf="dataStore.sltUiType===2">
          <ul *ngFor="let ranking of rankingList;let i =index" (click)="goToRankingDetail(ranking)">
            <li class="text-ellipsis">
              <i>{{i+1>999?'99X':i+1}}</i>{{ranking.userName + (ranking.userName2? '&' + ranking.userName2: '') |
              truncate:5}}
            </li>
            <li *ngIf="dataStore.competitionType == 1">
              胜率{{ranking.winningPercentage>999?'99X':ranking.winningPercentage}}%
            </li>
          </ul>
        </div>
        <!--羽毛球||网球||乒乓球-->
        <div class="ranking-info three-col"
             *ngIf="dataStore.sltUiType===3">
          <ul *ngFor="let ranking of rankingList;let i =index" (click)="goToRankingDetail(ranking)">
            <li class="text-ellipsis">
              <i>{{i+1>999?'99X':i+1}}</i>{{ranking.userName + (ranking.userName2? '&' + ranking.userName2: '') |
              truncate:5}}
            </li>
            <li>
              {{ranking.totalWin>999?'99X':ranking.totalWin}}胜/{{ranking.totalLost>999?'99X':ranking.totalLost}}负
            </li>
            <li>积分{{ranking.point>999?'99X':ranking.point}}</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <seed-default-graph [text]="'暂无排名'" [url]="'noData'" *ngIf="!stateStore.haveData"></seed-default-graph>
</div>
